
<template>
   <div>
  <p>个人信息填写</p>
  姓名：
  <el-input v-model="xm" type="textarea"/>
  性别：<el-radio-group v-model="xb">
    <el-radio value ="男">男</el-radio>
    <el-radio value ="女">女</el-radio>
  </el-radio-group>
  <p></p>
  爱好：
  <el-checkbox-group v-model="aihao">
  <el-checkbox label="跑步" value="跑步"></el-checkbox>
  <el-checkbox label="吃东西" value="吃东西"></el-checkbox>
  <el-checkbox label="听音乐" value="听音乐"></el-checkbox>
  <el-checkbox label="看小说" value="看小说"></el-checkbox>
  </el-checkbox-group>
  自我介绍：
  <el-input v-model="ziwo" type="textarea"/>
  我是{{ xm }}，性别{{ xb }}，我喜欢{{ aihao }},下面是我的自我简介:{{ ziwo }}
  </div>
</template>
<script  setup>

import { ref } from "vue";
const xm=ref('')
const xb=ref('')
const aihao=ref([])
const ziwo=ref('')
</script>